body {
    background-image: url(../img/login-tu.png);

    header {
        width: 1000px;
        height: 80px;
        margin-left: 100px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        // background-color: orange;

        >.headson {
            width: 200px;
            height: 30px;
            color: #7f7f7f;
            display: flex;
            justify-content: space-around;
            align-items: center;
            // background-color: hotpink;

            >select {
                border: none;
                width: 85px;
                height: 18px;
                color: #7f7f7f;
                font-size: 16px;

                >option {
                    width: 85px;
                    text-align: center;
                }
            }
        }
    }

    main {
        height: 610px;
        display: flex;
        justify-content: center;
        align-items: center;
        // background-color: aqua;

        >.info {
            width: 350px;
            height: 400px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            background-color: white;
            background-image: linear-gradient(45deg, white, pink, skyblue);
            background-size: 400%;
            animation: identifier 8s infinite;

            @keyframes identifier {
                0% {
                    background-position: 0% 50%;
                }

                50% {
                    background-position: 100% 50%;
                }

                100% {
                    background-position: 0% 50%;
                }
            }

            >.title {
                width: 200px;
                height: 50px;
                font-size: 25px;
                text-align: center;
                line-height: 50px;
                // background-color: gold;
            }

            >#txt {
                width: 180px;
                height: 20px;
                text-align: center;
                // background-color: aqua;
            }

            >input {
                width: 300px;
                height: 45px;
                border-radius: 5px;
                padding: 10px 15px;
                background-color: #f7f7f7;
            }

            >.agreement {
                width: 300px;
                height: 45px;
                font-size: 12px;
                display: flex;
                align-items: center;
                // background-color: chartreuse;

                >input {
                    width: 15px;
                    height: 15px;
                }

                >a {
                    color: #2ad181;
                }
            }

            >button {
                width: 120px;
                height: 45px;
                color: #fff;
                border: none;
                border-radius: 9px;
                background-color: #2ad181;
            }

        }
    }

    footer {
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;

        // background-color: lawngreen;
        >.copyright {
            width: 500px;
            height: 25px;
            text-align: center;
            color: #9b9b9b;
            font-size: 12px;
            line-height: 25px;
            //   background-color: lavender;
        }
    }

}